﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>@ViewBag.Title</title>
    <link href="/content/styles/layout.css" rel="stylesheet" />
    <link href="/content/styles/menu.css"   rel="stylesheet" />
    <link href="/content/styles/site.css"   rel="stylesheet" />

    <script src="/scripts/jquery-1.10.1.min.js" type="text/javascript"></script>
    <script src="/content/scripts/util.js"></script>
    @Html.Partial("_requiredScripts")

    @RenderSection("header", false)
</head>

<body>
    <div id="header">
        <div class="title">
            SpyCraft v2.0 Online Tools
        </div>
        <div class="navigation">
            @*HOME | OPTION 1 | OPTION 2 | OPTION 3 | OPTION 4 | OPTION 5*@
            @Html.Partial("_sysMenu")
        </div>
    </div>

    <div id="container">
        <div id="left">
            <div class="title">
                Navigation
            </div>
            <div class="content">
                @Html.Partial("_menu")
            </div>
        </div>


        <div id="main">
            <div class="title">
                <div style="display:inline-block">@ViewBag.Title</div>
                <div style="display:inline-block; float:right; background-color:#000; line-height:2em; margin-bottom:1em; padding:0 25px 0 5px; color:#fff; font-weight:bold">
                    @RenderSection("navigation", false)
                </div>
            </div>
            <div class="content">
                <div id="ajaxMessage" class="info">
                    <a class="close" href="#" onclick="$(this).parent().fadeOut('fast');return false;">
                        <span/>
                    </a>
                    <div class="message" style="overflow:auto">&nbsp;</div>
                </div>
                @RenderBody()
                <div class="push" style="height: 1em; border: 0px solid black;"></div>
            </div>
        </div>


        <div id="footer">
            <div class="inner">
                <div class="content">
                    Footer contente here...
                </div>
            </div>
        </div>

        <div id="ajaxLoader">&nbsp;</div>
    </div>
    @RenderSection("scripts", false)
</body>
</html>
